.main-content {
  height: 100vh;
  overflow: hidden;
  background-color: #f2f2f4;
  display: flex;
  flex-direction: column;
  align-items: center;
}
	
.main-body {
  // margin-top: 300rpx;
  overflow: scroll;
  // height: calc(100vh - 500rpx);
}

// 图标列表
.icon {
  &-block {
    width: 690rpx;
    box-sizing: border-box;
    // height: 250rpx;
    background-color: #ffffff;
    border-radius: 10rpx;
    padding: 20rpx 0;
  }
  &-dk {
    width: 690rpx;
    box-sizing: border-box;
    height: 1050rpx;
    background-color: #ffffff;
    border-radius: 10rpx;
    padding: 20rpx 0;
  }
  &-list {
    display: flex;
    align-items: center;
    // flex-wrap: wrap;
    background-color: white;
	justify-content: center;
  }
  &-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-evenly;
	// width: 304rpx;
	// width: 45%;
	min-width: 35%;
	height: 130rpx;
	border-radius: 15rpx;
	margin: 20rpx 10rpx;
	background-color: #f2f2f4;
    margin-top: 20rpx;
    margin-bottom: 10rpx;
	padding: 10rpx 20rpx;
  //   image {
  //     width: 80rpx;
  //     height: 80rpx;
  //   }
  
  //   text {
  //     margin-top: 20rpx;
  //     font-size: 24rpx;
  //     color: #333333;
  //     letter-spacing: 0rpx;
  //   }
	  &_top {
		  display: flex;
		  align-items: center;
		  justify-content: center;
	  }
  }
  &-tjitem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  	width: 180rpx;
  	height: 110rpx;
  	border-radius: 15rpx;
  	margin: 20rpx;
  
    margin-top: 20rpx;
    margin-bottom: 10rpx;
  }
}

.msg {
  display: flex;
  box-sizing: border-box;
  // width: 750rpx;
  height: 128rpx;
  // background: #f3f3f3;
  padding: 16rpx;
  padding-left: 50rpx;
  margin-bottom: 16rpx;
  &-title {
    font-size: 32rpx;
    letter-spacing: 0rpx;
    color: #333333;
  }
  &-tjtitle {
    font-size: 70rpx;
	font-weight: bold;
    letter-spacing: 0rpx;
    color: #333333;
	margin-bottom: 10rpx;
  }
  &-avatar {
    width: 96rpx;
    height: 96rpx;
    border-radius: 26rpx;
    margin-right: 32rpx;
  }
  &-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    padding: 0 32rpx;
    &__header {
      display: flex;
      flex: 1;
      justify-content: space-between;
      font-size: 36rpx;
      color: #272832;
    }
    &__content {
      display: flex;
	  flex-direction: row;
	  align-items: center;
	  justify-content: space-between;
	  &__renew {
		  font-size: 28rpx;
		  color: #2979ff;
		  margin-left: 20rpx;
	  }
	  &__hidden {
		  font-size: 28rpx;
		  color: #2979ff;
		  z-index: -99999;
	  }
	  &_text {
		  font-size: 28rpx;
		  color: rgba(39, 40, 50, 0.6);
		  margin-left: 8rpx;
	  }
	  &_userText {
		  font-size: 28rpx;
		  color: rgba(39, 40, 50, 0.6);
	  }
    }
	&__warn {
		display: inline-block;
		width: 65rpx;
		height: 32rpx;
		border: 2rpx solid #f9ae3d;
		border-radius: 22rpx;
		color: #f9ae3d;
		text-align: center;
		line-height: 30rpx;
		font-size: 22rpx;
		margin-left: 8rpx;
	}
  }
  &-tjbody {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    &__header {
      display: flex;
      flex: 1;
      justify-content: space-between;
      font-size: 36rpx;
      color: #272832;
    }
    &__content {
      font-size: 28rpx;
      color: rgba(39, 40, 50, 0.6);
    }
  }
}

// 显示打卡成功弹窗
.showDkSuc {
	&-title {
		padding: 10rpx 0;
		font-size: 30rpx;
		display: flex;
		&_name {
			align-self: center;
			margin-left: 6rpx;
		}
	}
	&-content {
		margin: 20rpx 0;
		padding: 10rpx 0;
		display: flex;
		&_icon {
			margin: 0 15rpx;
			align-self: center;
		}
		&_text {
			&_title {
				font-size: 32rpx;
				font-weight: 600;
			}
			&_detail {
				font-size: 30rpx;
				color: rgba(39, 40, 50, 0.6);
				margin: 10rpx 0;
			}
		}
	}
	&-btn {
		&_confirm {
			border-radius: 20rpx;
		}
	}
}

// 迟到警告按钮
.desc {
	align-items: center;
	display: flex;
	margin: 5rpx 0 10rpx 5rpx;
	&-late {
		&-time {
			font-size: 26rpx;
			color: #909193;
			display: inline-block;
		}
		&-warn {
			display: inline-block;
			width: 80rpx;
			height: 30rpx;
			margin: auto 10px;
			font-size: 22rpx;
			border: 2rpx solid #f9ae3d;
			border-radius: 12rpx;
			color: #f9ae3d ;
			text-align: center;
			line-height: 28rpx;
		}
	}
}

/deep/.u-text__value--tips {
	height: 40rpx;
}
/deep/.u-safe-area-inset-bottom {
	padding-bottom: 0 !important;
}
// 按钮文字大小
/deep/.u-button__text {
	font-size: 30rpx !important;
}
// 关闭符号位置
/deep/.u-popup__content__close--top-right {
	top: 40rpx !important;
}